<template>
  <el-dialog
    class="agree-dialog"
    :visible.sync="dialogVisible"
    append-to-body
    :before-close="handleClose"
    v-if="dialogVisible"
  >
    <div class="dialog-content">
        <el-scrollbar class="scroll-y">
            <div class="step-1 step-btm">
              <h1 style="text-align: center;" align="center">
                  <strong>
                    <span class="content-title">承诺书</span>
                  </strong>
              </h1>
              <div class="content-box">
                  <p class="content-zw">
                    本人对所申请因私出国（境）事项的真实性和完整性负责，并已认真学习《省管干部因私出国（境）提醒函》和《因私出国（境）相关纪律规定》，如有违反，自愿接受组织监督和调查处理。</p>
              </div>
            </div>
            <div class="step-2 step-btm">
              <h1 style="text-align: center;" align="center">
                  <strong>
                    <span class="content-title">因私出国（境）提醒函</span>
                  </strong>
              </h1>
              <div class="content-box">
                  <p class="content-zw">
                    根据中央和省委关于领导干部因私出国（境）有关规定，现就有关事项提醒如下：</p>
                  <p class="content-zw">
                    1、因私出国（境）需按照干部管理权限报经省委组织部审批，一事一审批，不得一次审批多次有效。</p>
                  <p class="content-zw">
                    2、提交因私出国（境）申请资料务必客观真实、准确完整，如实报告配偶是否同时段出国（境）、费用来源等情况。</p>
                  <p class="content-zw">
                    3、因私出国（境）事项经批准后，方可领取或办理因私证件；办理完因私证件后，应及时报告组织人事部门，并上交证件。</p>
                  <p class="content-zw">
                    4、办理签证（签注）前3天领取因私证件，签证（签注）办理完毕后立即上交证件；出发前3天再次领取因私证件，因故取消出国（境）的，在原审批的出发时间逾期后3天内交回证件。</p>
                  <p class="content-zw">
                    5、严格遵守国家法律法规和外事、保密纪律规定，不到敏感的国家（地区），时刻注意维护国家利益和民族荣誉。</p>
                  <p class="content-zw">
                    6、在国（境）外期间，不得以党员身份参加公开活动，每季度把在国（境）外的情况向所在单位汇报一次，重要情况及时报告。</p>
                  <p class="content-zw">
                    7、不得在国（境）外私自换领出国（境）证件，严禁私自取得外国国籍、获取国（境）外永久居留资格或长期居留许可。</p>
                  <p class="content-zw">
                    8、严格按审批行程出行，不准私自延长在外停留时间，外出费用自理并按期返回。回国（返境）后10天内上交因私出国（境）证件。</p>
              </div>
            </div>
            <div class="step-3">
              <h1 style="text-align: center;" align="center">
                  <strong>
                    <span class="content-title">因私出国（境）相关纪律规定</span>
                  </strong>
              </h1>
              <div class="content-box">
                  <p class="content-zw">
                    1、<b>《中国共产党纪律处分条例》</b>第九十条规定：违反有关规定取得外国国籍或者获取国（境）外永久居留资格、长期居留许可的，给予撤销党内职务、留党察看或者开除党籍处分。</p>
                  <p class="content-zw">
                    2、<b>《中国共产党纪律处分条例》</b>第九十一条规定：违反有关规定办理因私出国（境）证件、前往港澳通行证，或者未经批准出入国（边）境，情节较轻的，给予警告或者严重警告处分；情节较重的，给予撤销党内职务或者留党察看处分；情节严重的，给予开除党籍处分。</p>
                  <p class="content-zw">
                    虽经批准因私出国（境）但存在擅自变更路线、无正当理由超期未归等超出批准范围出国（境）行为，情节较重的，给予警告或者严重警告处分；情节严重的，给予撤销党内职务处分。</p>
                  <p class="content-zw">
                    3、<b>《中华人民共和国公职人员政务处分法》</b>第三十一条规定：违反规定出境或者办理因私出境证件的，予以记过或者记大过；情节严重的，予以降级或者撤职。违反规定取得外国国籍或者获取境外永久居留资格、长期居留许可的，予以撤职或者开除。</p>
                  <p class="content-zw">
                    4、<b>《中央组织部关于进一步加强领导干部出国（境）管理监督工作的通知》</b>规定：对违反出国（境）证件管理规定，拒不交出所持出国（境）证件的领导干部，要进行批评教育或诫勉谈话，情节严重的给予组织处理或移交纪检监察机关处理。</p>
                  <p class="content-zw">
                    5、<b>《省纪委机关、省委组织部关于进一步加强领导干部出国（境）管理监督工作的通知》</b>规定：对违反出国（境）证件管理规定，拒不交出所持出国（境）证件，私自延长在国（境）外停留时间或更改出国（境）路线的领导干部，要进行批评教育或诫勉谈话，情节严重的给予组织处理或移交纪检监察机关处理。对违反有关规定办理因私出国（境）证件，未经批准出国（境），或违反有关规定取得外国国籍，获取国（境）外永久居留资格、长期居留许可的，要依照《中国共产党纪律处分条例》及有关规定进行严肃查处。</p>
              </div>
            </div>
        </el-scrollbar>
    </div>
    <div class="agree-checkbox">
      <div>
        <el-checkbox v-model="checked">我已知晓</el-checkbox>
      </div>
      <div class="step-btns">
        <!-- <el-button type="primary" :disabled="currentStep == 0" size="mini" @click="currentStep > 0 && currentStep--">上一步</el-button>
        <el-button type="primary" :disabled="currentStep == 2" size="mini" @click="currentStep < 2 && currentStep++">下一步</el-button> -->
      </div>
    </div>

    <div slot="footer" class="dialog-footer">
      <el-button type="primary" :disabled="!checked" @click="handleOk">确定</el-button>
      <el-button @click="handleCancel">取 消</el-button>
    </div>
  </el-dialog>
</template>

<script>
import { buildForm } from "hc-core/api/common/moduleform.js"
export default {
  props: {
    //确认回调
    confirm: {
      type: Function,
      default: null,
    },
  },
  data() {
    return {
        //是否显示弹窗
        dialogVisible: false,
        //已知晓
        checked: false,
      //加载中
      loading: false,
      promise: {},
      //协议内容
      agreetContent: "",
      //模块名称
      moduleName: "",
      //表单类型
      formType: "",
      //当前步骤
      currentStep: 0,
    };
  },
  methods: {
    //请求协议
    requestAgree(P_ModuleName,P_FormType){
        this.moduleName = P_ModuleName;
        this.formType = P_FormType;
        this.dialogVisible = true;
        //this.requestContent();
        return new Promise((resolve,reject) => {
            this.promise = {
               resolve,
               reject
            }
        })
    },
    //弹窗关闭事假
    handleClose(done) {
      done();
    },
    //获取协议内容
    requestContent()
    {
        this.loading = true;
        buildForm({
            uuid: 0,
            moduleName: this.moduleName,
            formType: this.formType,
        })
        .then(res => 
        {
          this.loading = false;
          if(res.data){
            this.agreetContent = res.data.template;
          }
        }).catch(e => {
          this.loading = false;
        })
    },
    //取消
    handleCancel()
    {
      this.dialogVisible = false;
      if(this.promise.reject){
        this.promise.reject();
      }
    },
    // 保存签名
    async handleOk() 
    {
      if(this.checked && this.promise.resolve){
        this.promise.resolve();
        this.dialogVisible = false;
      }
    }
  },
};
</script>

<style lang="scss" scoped>
::v-deep .el-dialog {
  width: calc(80vw + 40px);
}

.dialog-footer{
  display: flex;
  justify-content: flex-end;
}

.agree-dialog ::v-deep .el-dialog__body {
  width: 100%;
  min-height: 200px;
  position: relative;
  padding: 5px 20px 10px 20px;
  box-sizing: border-box;
}

.agree-dialog ::v-deep .el-scrollbar__wrap{
  overflow-x: hidden;
}

.agree-checkbox{
  display: flex;
  justify-content: space-between;
  padding: 20px 10% 0 10%;
}

.agree-dialog {
  .dialog-content {
    width: 100%;
    .scroll-y{
      height: 70vh;
      width: 100%;
      .content-title{
        font-family: 仿宋; 
        font-weight: bold; 
        font-size: 22.0000pt; 
      }

      .step-btm{
        margin-bottom: 100px;
      }
      .content-box{
        margin-top: 15.65pt; 
        padding-left: 10%;
        padding-right: 10%;
      }
      .content-zw{
        font-family: 仿宋; 
        color: #363636; 
        letter-spacing: 0pt; 
        text-indent: 32pt;
        font-size: 16pt;
      }

      .step-btns{
        display: flex;
      }
    }
  }
}
</style>